<!DOCTYPE html>
<html>
<head>
<script src="js/list.js"></script>
<script src="js/list.page.js"></script>
<meta charset="utf-8" />
<title>JS Bin</title>
<style type="text/css">
	.pagination li {
	  display:inline-block;
	  padding:5px;
	}
</style>
</head>
<body>
  
  <div id="test-list">
    <input type="text" class="search" />
    <ul class="list">
      <li><p class="name">Guybrush Threepwood</p></li>
      <li><p class="name">Elaine Marley</p></li>
      <li><p class="name">LeChuck</p></li>
      <li><p class="name">Stan</p></li>
      <li><p class="name">Voodoo Lady</p></li>
      <li><p class="name">Herman Toothrot</p></li>
      <li><p class="name">Meathook</p></li>
      <li><p class="name">Carla</p></li>
      <li><p class="name">Otis</p></li>
      <li><p class="name">Rapp Scallion</p></li>
      <li><p class="name">Rum Rogers Sr.</p></li>
      <li><p class="name">Men of Low Moral Fiber</p></li>
      <li><p class="name">Murray</p></li>
      <li><p class="name">Cannibals</p></li>
    </ul>
    <ul class="pagination"></ul>
  </div>
</body>
</html>
<script type="text/javascript">
	var monkeyList = new List('test-list', {
	  valueNames: ['name'],
	  page: 5,
	  plugins: [ ListPagination({}) ] 
	});
</script>